﻿<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">

    <title>Shopping Cart :: Veera - Multipurpose eCommerce Bootstrap 4 Template</title>

        <!--=== Favicon ===-->
    <link rel="shortcut icon" href="http://demo.devitems.com/veera/veera/assets/img/favicon.ico" type="image/x-icon"/>

    <!--== Google Fonts ==-->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,600,700,800" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">


    <!--=== Revolution Slider CSS ===-->
    <link href="th/assets/css/revslider/settings.css" rel="stylesheet">

    <!--=== Bootstrap CSS ===-->
    <link href="th/assets/css/vendor/bootstrap.min.css" rel="stylesheet">
    <!--=== Font-Awesome CSS ===-->
    <link href="th/assets/css/vendor/font-awesome.css" rel="stylesheet">
    <!--=== Dl Icon CSS ===-->
    <link href="th/assets/css/vendor/dl-icon.css" rel="stylesheet">
    <!--=== Plugins CSS ===-->
    <link href="th/assets/css/plugins.css" rel="stylesheet">
    <!--=== Helper CSS ===-->
    <link href="th/assets/css/helper.min.css" rel="stylesheet">
    <!--=== Main Style CSS ===-->
    <link href="th/assets/css/style.css" rel="stylesheet">
    
    <!-- Modernizer JS -->
    <script src="th/assets/js/vendor/modernizr-2.8.3.min.js"></script>

    <!--[if lt IE 9]>
    <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body class="preloader-active">
<!--== Start PreLoader Wrap ==-->
<div class="preloader-area-wrap">
    <div class="spinner d-flex justify-content-center align-items-center h-100">
        <div class="bounce1"></div>
        <div class="bounce2"></div>
        <div class="bounce3"></div>
    </div>
</div>
<!--== End PreLoader Wrap ==-->

<!--== Start Header Area ===-->
<header id="header-area" class="sticky-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="header-content-wrapper d-flex align-items-center">
                    <div class="header-left-area d-flex align-items-center">
                        <!-- Start Logo Area -->
                        <div class="logo-area">
                            <a href="index.html"><img src="th/houtai/images/dreamPoto.png" alt="Logo"/></a>
                        </div>
                        <!-- End Logo Area -->

                        <!-- Start Menu Icon -->
                        <div class="menu-icon-wrap">
                            <button class="menu-icon-bar modalActive" data-mfp-src="#left-offside-popup"><i class="dl-icon-menu5"></i></button>
                        </div>
                        <!-- End Menu Icon -->
                    </div>

                    <div class="header-mainmenu-area d-none d-lg-block">
                        <!-- Start Main Menu -->
                        <nav id="mainmenu-wrap">
                            <ul class="nav mainmenu justify-content-center">
                                <li class="dropdown-show"><a class="current" href="index.html">商品分类</a>
                                    <ul class="mega-menu-wrap dropdown-nav d-flex">
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title">特色服饰</a>
                                            <ul>
                                                <li><a href="index.html">新品上市</a></li>
                                                <li><a href="index2.html">西装革履</a></li>
                                                <li><a href="index3.html">限时折扣</a></li>
                                                <li><a href="index4.html">特价秒杀</a></li>
                                                <li><a href="index5.html">绅士淑女</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title">当季流行</a>
                                            <ul>
                                                <li><a href="index6.html">新品上市</a></li>
                                                <li><a href="index7.html">绅士男装</a></li>
                                                <li><a href="index8.html">限时折扣</a></li>
                                                <li><a href="index9.html">特价秒杀</a></li>
                                                <li><a href="index10.html">时尚女装</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title">童装童鞋</a>
                                            <ul>
                                                <li><a href="index11.html">新品上市</a></li>
                                                <li><a href="index12.html">绅士男装</a></li>
                                                <li><a href="index13.html">限时折扣</a></li>
                                                <li><a href="index14.html">特价秒杀</a></li>
                                                <li><a href="index15.html">时尚女装</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown-show"><a href="#">客服</a>
                                    <ul class="dropdown-nav">
                                        <li><a href="about.html">关于我们</a></li>
                                        <li><a href="team.html">认识团队</a></li>
                                        <li><a href="portfolio.html">投资组合</a></li>
                                        <li><a href="contact.html">联系我们</a></li>
                                        <li><a href="coming-soon.html">快来了</a></li>
                                        <li><a href="faq.html">常问问题</a></li>
                                        <li><a href="404.html">404 错误</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-show mega-fullwidth"><a href="shop.html">商城</a>
                                    <ul class="mega-menu-wrap dropdown-nav d-flex">
                                        <li class="mega-menu-item"><a href="shop.html" class="mega-item-title">商城主页</a>
                                            <ul>
                                                <li><a href="shop-full-wide.html">全商城</a></li>
                                                <li><a href="shop-masonry.html">商城铺砖</a></li>
                                                <li><a href="shop-masonry-wide.html">商城铺砖</a></li>
                                                <li><a href="shop-sidebar.html">商城边栏</a></li>
                                                <li><a href="shop-collection.html">按搜藏品购买</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="single-product-affiliate.html" class="mega-item-title">简介</a>
                                            <ul>
                                                <li><a href="shop-instagram.html">单品详情</a></li>
                                                <li><a href="single-product.html">单品详情</a></li>
                                                <li><a href="single-product-tab-left.html">单品详情</a></li>
                                                <li><a href="single-product-sticky.html">单品详情</a></li>
                                                <li><a href="single-product-masonry.html">单品详情</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title"></a>
                                            <ul class="mt-10">
                                                <li><a href="single-product-group.html">单品详情</a></li>
                                                <li><a href="single-product-configurable.html">单品详情</a></li>
                                                <li><a href="single-product-affiliate.html">单品详情</a></li>
                                                <li><a href="single-product.html">单品详情</a></li>
                                                <li><a href="single-product.html">单品详情</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-menu-item"><a href="#" class="mega-item-title">用户</a>
                                            <ul>
                                                <li><a href="my-account.html">我的账户</a></li>
                                                <li><a href="cart.html">购物车</a></li>
                                                <li><a href="order.html">查看订单</a></li>
                                                <li><a href="wishlist.html">收藏</a></li>
                                                <li><a href="order-compare-datailed.html">相比</a></li>
                                                <li><a href="tracking-order.html">跟踪订单</a></li>
                </ul>
            </li>
        </ul>
    </li>
<!--    <li class="dropdown-show"><a href="blog.html">Blog</a>
        <ul class="dropdown-nav">
            <li class="dropdown-show"><a href="#">Blog Grid</a>
                <ul class="dropdown-nav">
                    <li><a href="blog-2-columns.html">Blog 2 Columns</a></li>
                    <li><a href="blog.html">Blog 3 Columns</a></li>
                </ul>
            </li>
            <li class="dropdown-show"><a href="#">Blog Masonry</a>
                <ul class="dropdown-nav">
                    <li><a href="blog-masonry.html">Blog Masonry</a></li>
                    <li><a href="blog-masonry-sidebar.html">Blog Masonry Sidebar</a></li>
                </ul>
            </li>
            <li class="dropdown-show"><a href="#">Blog List</a>
                <ul class="dropdown-nav">
                    <li><a href="blog-listing.html">Blog Right Sidebar</a></li>
                    <li><a href="blog-listing-no-sidebar.html">Blog No Sidebar</a></li>
                </ul>
            </li>
            <li class="dropdown-show"><a href="#">Single Post</a>
                <ul class="dropdown-nav">
                    <li><a href="single-blog.html">Single Post 01</a></li>
                    <li><a href="single-blog-no-sidebar.html">Single Post 02</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="contact.html">Contact</a></li>-->
</ul>
                        </nav>
                        <!-- End Main Menu -->
                    </div>

                    <div class="header-right-area d-flex justify-content-end align-items-center">
                        <button class="search-icon animate-modal-popup" data-mfp-src="#search-box-popup"><i class="dl-icon-search1"></i></button>
                        <ul class="user-area">
                            <li class="dropdown-show">
                                <button><i class="fa fa-user"></i></button>
                                <ul class="dropdown-nav">
                                    <li><a href="my-account.html">My Account</a></li>
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                    <li><a href="order-compare-datailed.html">Compare</a></li>
                                    <li><a href="my-account.html">Lost Password</a></li>
                                </ul>
                            </li>
                        </ul>
                        <button class="mini-cart-icon modalActive" data-mfp-src="#miniCart-popup">
                            <i class="fa fa-shopping-cart"></i>
                            <span class="cart-count">3</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!--== End Header Area ===-->

<!-- Start Page Header Wrapper -->
<div class="page-header-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <div class="page-header-content">
                    <h2>我的订单</h2>
                    <nav class="page-breadcrumb">
                        <ul class="d-flex justify-content-center">
                            <li><a href="index.html">首页</a></li>
                            <li><a href="shop.html">订单</a></li>
                            <li><a href="shop.html" class="active">查看</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Page Header Wrapper -->

<!--== Start Cart Page Wrapper ==-->
<div id="cart-page-wrapper" class="pt-86 pt-md-56 pt-sm-46 pb-50 pb-md-20 pb-sm-10">
	
    <div class="container">
<ul class="nav mainmenu  table-responsive ">
  <li class="active">
  	<a class="current" href="javasprict:void(0)">全部订单</a>
  </li>
  <li><a href="wlcGetOrderPayment">待付款</a></li>
  <li><a href="wlcGetOrderWaitForReceiving">待收货</a></li>
  <li><a href="#">待评价</a></li>
</ul>
<br />
        <div class="row">
            <div class="col-lg-12">
                <div class="shopping-cart-list-area" id="div1" th:fragment="div1">
                    <div class="shopping-cart-table table-responsive">

                        <table class="table table-bordered text-center">
                            <thead>

                                <tr>
                                    <th>订单号</th>
                                    <th>收货人</th>
                                    <th style="width:46%" >收货地址</th>
                                    <th>下单时间</th>
                                    <th>金额</th>
                                    
                                    <th class="dropdown-show sort-by">
                                    	<button class="arrow-toggle">已完成</button>
                                    	<ul class="dropdown-nav"  style="width: 87px; font-size: 14px;">
                                    		<li style="margin: 10px 0px;"><a href="wlcGetOrderTotalPageByUser" class="active">全部状态</a></li>
                                    		<li style="margin: 10px 0px;"><a href="wlcGetOrderPayment">待付款</a></li>
                                    		<li style="margin: 10px 0px;"><a href="wlcGetOrderWaitForReceiving">待收货</a></li>
                                    		<li style="margin: 10px 0px;"><a href="javasprict:void(0)">已完成</a></li>
                                    		<li style="margin: 10px 0px;"><a href="wlcGetOrderTotalPageByUserAndCancel">已取消</a></li>
                                        </ul>
                                    </th>
                                    <th>操作</th>
                                </tr>
                            </thead>

                            <tbody id="table_refresh" th:fragment="table_refresh">
                                <tr th:each="orderOrder:${orderOrderList}">
                                    <td class="product-list">
                                        <div class="cart-product-item d-flex align-items-center">
                                            <div class="remove-icon">
                                                <button><i class="fa fa-trash-o"></i></button>
                                            </div>
                                            <a href="single-product-sticky.html" class="product-thumb">
                                                <img th:src="${orderOrder.orderOther2}" alt="Product">
                                            </a>
                                             <a href="single-product-tab-left.html" class="product-name" style="font-size: 16px;" th:text="${orderOrder.orderId}">20160705445622</a>
                                        </div>
                                    </td>
                                    <td>


                                        收件人：<span class="product-name" th:text="${orderOrder.userSite.siteRemark}">张三</span><br/>电话：<span class="product-name" th:text="${orderOrder.userSite.sitePhone}">180****7787</span>


                                        
                                    </td>
                                    <td style="width:35%" >
                                        <span class="product-name" th:text="${orderOrder.userSite.siteProvince+orderOrder.userSite.siteCity+orderOrder.userSite.siteDistrict+orderOrder.userSite.siteName}" style=" white-space: pre-wrap;word-wrap: break-word; "></span>


                                    </td>
                                    <td>
                                        
                                            <span class="product-name" th:text="${#dates.format(orderOrder.placeTime,'yyyy-MM-dd HH:mm')}">15</span>
                                       
                                    </td>
                                    <td>
                                        <span class="price" th:text="${orderOrder.orderTotal/100.00}">$1229.99</span>
                                    </td>
                                    <td>
                                        <span class="product-name" th:text="${orderOrder.orderOrdertype.ordertypeNama}">完成</span>
                                    </td>


                                    <td class="dropdown-show sort-by">
                                        <button class="arrow-toggle">更多操作</button>
                                        <ul class="dropdown-nav"  style="width: 87px; font-size: 14px;">
                                            <li style="margin: 6px 0px;"><a th:href="@{wlcOrder_compare_datailed(orderId = ${orderOrder.orderId} , pageNo = ${pageInfo.pageNum},thisPage = 3 )}" >详情</a></li>
                                            <li style="margin: 6px 0px;"><a th:href="'javascript:doDeleteShopping(\''+${orderOrder.orderId}+'\','+${pageInfo.pageNum}+',3)'" th:if="${orderOrder.ordertypeId != '1' and orderOrder.ordertypeId != '2'}">删除</a></li>
                                            <li style="margin: 6px 0px;"><a href="" th:if="${orderOrder.ordertypeId == '2'}" >确认收货</a><a href="" th:if="${orderOrder.ordertypeId == '1'}" >立即付款</a></li>


                                        </ul>

                                    </td>
                                </tr>












                            </tbody>
                        </table>
                        <div class="page-pagination-wrapper mt-70 mt-md-50 mt-sm-40">
                            <nav class="page-pagination">
                                <ul class="pagination justify-content-center">
                                    <li><a th:href="'javascript:doPage('+${pageInfo.prePage}+');'"><i class="fa fa-angle-double-left"></i></a></li>

                                         <div  th:if="${getPages < 5 }" >
                                            <div th:each="i : ${#numbers.sequence(1,getPages)}" style="display: inline-block">
                                                <li th:if="${i == pageNo}"><a th:href="'javascript:doPage('+${i}+');'" class="active" th:text="${i}"></a></li>
                                                <li th:if="${i != pageNo}"><a th:href="'javascript:doPage('+${i}+');'"  th:text="${i}"></a></li>
                                             </div>
                                        </div>


                                    <div  th:if="${getPages > 5 and pageNo <3}" >
                                        <div th:each="i : ${#numbers.sequence(1,5)}" style="display: inline-block">
                                            <li th:if="${i == pageNo}"><a th:href="'javascript:doPage('+${i}+');'"  class="active" th:text="${i}"></a></li>
                                            <li th:if="${i != pageNo}"><a th:href="'javascript:doPage('+${i}+');'"  th:text="${i}"></a></li>
                                        </div>
                                    </div>

                                        <div th:if="${pageNo >= 3 and getPages-pageNo>=2}">
                                             <div th:each="i : ${#numbers.sequence(pageNo-2,pageNo+2)}" style="display: inline-block">
                                                 <li th:if="${i == pageNo}"><a th:href="'javascript:doPage('+${i}+');'" class="active" th:text="${i}"></a></li>
                                                 <li th:if="${i != pageNo}"><a th:href="'javascript:doPage('+${i}+');'"  th:text="${i}"></a></li>
                                             </div>
                                        </div>
                                        <div th:if="${getPages>5 and getPages-pageNo<2}">
                                            <div th:each="i : ${#numbers.sequence(getPages-4,getPages)}" style="display: inline-block">
                                                <li th:if="${i == pageNo}"><a th:href="'javascript:doPage('+${i}+');'" class="active" th:text="${i}"></a></li>
                                                <li th:if="${i != pageNo}"><a th:href="'javascript:doPage('+${i}+');'"  th:text="${i}"></a></li>
                                            </div>
                                        </div>






                                    <li><a th:href="'javascript:doPage('+${pageInfo.nextPage}+');'"><i class="fa fa-angle-double-right"></i></a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>

            
        </div>
    </div>
</div>


<!--== End Cart Page Wrapper ==-->

<!--== Start Footer Section ===-->
<footer id="footer-area">
    <!-- Start Footer Widget Area -->
    <div class="footer-widget-area pt-40 pb-28">
        <div class="container">
            <div class="footer-widget-content">
                <div class="row">
                    <!-- Start Footer Widget Item -->
                    <div class="col-md-12 col-lg-3">
                        <div class="footer-widget-item-wrap">
                            <div class="widget-body">
                                <div class="about-text pt-38 pt-sm-0 pt-md-0">
                                    <a href="index.html"><img src="th/houtai/images/dreamPoto.png" alt="Logo"/></a>
                                    <p>Pellentesque mollis nec orci id tincidunt. Sed mollis risus eu nisi aliquet, sit
                                        amet fermentum justo dapibus.</p>
                                    <p class="d-none d-md-block d-lg-none">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi asperiores aspernatur consectetur distinctio eius enim eum fuga incidunt maiores molestias nihil, odio reiciendis sed. Architecto iure nihil tempora veniam voluptate!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->

                    <!-- Start Footer Widget Item -->
                    <div class="col-sm-3 col-lg-2">
                        <div class="footer-widget-item-wrap">
                            <h3 class="widget-title">Company</h3>
                            <div class="widget-body">
                                <ul class="footer-list">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="#">Jobs</a></li>
                                    <li><a href="#">Press</a></li>
                                    <li><a href="contact.html">contact</a></li>
                                    <li><a href="blog.html">Blog</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->

                    <!-- Start Footer Widget Item -->
                    <div class="col-sm-3 col-lg-2">
                        <div class="footer-widget-item-wrap">
                            <h3 class="widget-title">Community</h3>
                            <div class="widget-body">
                                <ul class="footer-list">
                                    <li><a href="#">Community</a></li>
                                    <li><a href="#">Facebook group</a></li>
                                    <li><a href="#">Forums</a></li>
                                    <li><a href="#">Meetups</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->

                    <!-- Start Footer Widget Item -->
                    <div class="col-sm-3 col-lg-2">
                        <div class="footer-widget-item-wrap">
                            <h3 class="widget-title">Legal</h3>
                            <div class="widget-body">
                                <ul class="footer-list">
                                    <li><a href="#">Privacy Policy</a></li>
                                    <li><a href="#">Terms of Use</a></li>
                                    <li><a href="#">License Agreement</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->

                    <!-- Start Footer Widget Item -->
                    <div class="col-sm-3 col-lg-3">
                        <div class="footer-widget-item-wrap">
                            <h3 class="widget-title">Contact Us</h3>
                            <div class="widget-body">
                                <div class="contact-text">
                                    <a href="#">(+612) 2531 5600</a>
                                    <a href="#">info@la-studioweb.com</a>
                                    <p>PO Box 1622 Colins Street West</p>
                                    <a href="#" class="d-block mt-22"><u>Google Maps</u></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Footer Widget Item -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Footer Widget Area -->

    <!-- Start Footer Bottom Area -->
    <div class="footer-bottom-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-sm-3 col-lg-3 m-auto order-1">
                    <div class="footer-social-icons nav justify-content-center justify-content-sm-start mb-xs-10">
                        <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                        <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                        <a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a>
                    </div>
                </div>

                <div class="col-sm-5 col-lg-6 m-auto order-3 order-sm-2 text-center text-sm-left text-lg-center">
                    <div class="copyright-text mt-xs-10 ">
                        <p>&copy; 2018 <a href="index.html">Veera</a>, All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a>.</p>
                    </div>
                </div>

                <div class="col-sm-4 col-lg-3 m-auto order-2 text-center text-md-right">
                    <img src="assets/img/payments.png" alt="Payment Method"/>
                </div>
            </div>
        </div>
    </div>
    <!-- End Footer Bottom Area -->
</footer>
<!--== End Footer Section ===-->

<!--== Start Search box Wrapper ==-->
<div class="modalSearchBox" id="search-box-popup">
    <div class="modaloverlay"></div>
    <div class="search-box-wrapper">
        <p>Start typing and press Enter to search</p>
        <div class="search-box-form">
            <form action="#" method="POST" class="search-form-area">
                <input type="search"  name="search" id="search" placeholder="Search entire store" />
                <button type="submit" class="btn-search"><i class="dl-icon-search10"></i></button>
            </form>
        </div>
    </div>
</div>
<!--== End Search box Wrapper ==-->

<!--== Start Mini Cart Wrapper ==-->
<div class="mfp-hide modal-minicart" id="miniCart-popup">
    <div class="minicart-content-wrap">
        <h2>Shopping Cart</h2>
        <div class="minicart-product-list">
            <!-- Start Single Product -->
            <div class="single-product-item d-flex">
                <figure class="product-thumb">
                    <a href="single-product.html"><img src="assets/img/products/prod-1-1.jpg" alt="Product"></a>
                </figure>
                <div class="product-details">
                    <h2 class="product-title"><a href="single-product.html">Stripe textured dress</a></h2>
                    <div class="prod-cal d-flex align-items-center">
                        <span class="quantity">1</span>
                        <span class="multiplication">&#215;</span>
                        <span class="price">$99.99</span>
                    </div>
                </div>
                <a href="#" class="remove-icon">&#215;</a>
            </div>
            <!-- End Single Product -->

            <!-- Start Single Product -->
            <div class="single-product-item d-flex">
                <figure class="product-thumb">
                    <a href="single-product.html"><img src="assets/img/products/prod-2-1.jpg" alt="Product"></a>
                </figure>
                <div class="product-details">
                    <h2 class="product-title"><a href="single-product.html">Tassels embroidered dress</a></h2>
                    <div class="prod-cal d-flex align-items-center">
                        <span class="quantity">2</span>
                        <span class="multiplication">&#215;</span>
                        <span class="price">$39.29</span>
                    </div>
                </div>
                <a href="#" class="remove-icon">&#215;</a>
            </div>
            <!-- End Single Product -->

            <!-- Start Single Product -->
            <div class="single-product-item d-flex">
                <figure class="product-thumb">
                    <a href="single-product.html"><img src="assets/img/products/prod-3-1.jpg" alt="Product"></a>
                </figure>
                <div class="product-details">
                    <h2 class="product-title"><a href="single-product.html">Open-knit sweater</a></h2>
                    <div class="prod-cal d-flex align-items-center">
                        <span class="quantity">1</span>
                        <span class="multiplication">&#215;</span>
                        <span class="price">33.29</span>
                    </div>
                </div>
                <a href="#" class="remove-icon">&#215;</a>
            </div>
            <!-- End Single Product -->

            <!-- Start Single Product -->
            <div class="single-product-item d-flex">
                <figure class="product-thumb">
                    <a href="single-product.html"><img src="assets/img/products/prod-4-1.jpg" alt="Product"></a>
                </figure>
                <div class="product-details">
                    <h2 class="product-title"><a href="single-product.html">Open-knit sweater</a></h2>
                    <div class="prod-cal d-flex align-items-center">
                        <span class="quantity">1</span>
                        <span class="multiplication">&#215;</span>
                        <span class="price">33.29</span>
                    </div>
                </div>
                <a href="#" class="remove-icon">&#215;</a>
            </div>
            <!-- End Single Product -->
        </div>
        <div class="minicart-calculation-wrap d-flex justify-content-between align-items-center">
            <span class="cal-title">Subtotal:</span>
            <span class="cal-amount">£119.97</span>
        </div>
        <div class="minicart-btn-group mt-38">
            <a href="cart.html" class="btn btn-black ">View Cart</a>
            <a href="checkout-tatol.html" class="btn btn-black mt-10">checkout</a>
        </div>
    </div>
</div>
<!--== End Mini Cart Wrapper ==-->

<!--== Start Left Offside Menu Wrapper ==-->
<div class="mfp-hide modalLeftOffside" id="left-offside-popup">
    <div class="leftoffside-content-wrap">
        <nav class="offside-menu">
            <ul class="left-offsidemenu">
                <li><a href="#">About Veera Shop</a></li>
                <li><a href="#">Help Center</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">New Look</a></li>
            </ul>
        </nav>
        <div class="offside-text">
            <a href="#"><img src="assets/img/payments.png" alt="Payment Method"></a>
            <p>Pellentesque mollis nec orci id tincidunt. Sed mollis risus eu nisi aliquet, sit amet fermentum justo
                dapibus.</p>
            <a href="#">(+612) 2531 5600</a>
            <a href="#">info@la-studioweb.com</a>
            <p>PO Box 1622 Colins Street West</p>

            <div class="offset-menu-footer">
                <a href="#" target="_blank"><u>Google Maps</u></a>
                <div class="social-icons nav">
                    <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                    <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                    <a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a>
                </div>
                <p class="copyright">&copy; 2018 Veera All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a>.</p>
            </div>
        </div>
    </div>
</div>
<!--== End Left Offside Wrapper ==-->

<!--== Start Quick View Modal Wrapper ==-->
<div class="modal" id="quickViewModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true"><i class="dl-icon-close"></i></span>
            </button>
            <div class="modal-body">
                <div class="row">
                    <!-- Start Single Product Thumbnail -->
                    <div class="col-lg-5 col-md-6">
                        <div class="single-product-thumb-wrap p-0 pb-sm-30 pb-md-30">
                            <!-- Product Thumbnail Large View -->
                            <div class="quciview-product-thumb-carousel">
                                <figure class="product-thumb-item">
                                    <img src="assets/img/products/prod-1-1.jpg" alt="Single Product"/>
                                </figure>
                                <figure class="product-thumb-item">
                                    <img src="assets/img/products/prod-1-2.jpg" alt="Single Product"/>
                                </figure>
                                <figure class="product-thumb-item">
                                    <img src="assets/img/products/prod-2-1.jpg" alt="Single Product"/>
                                </figure>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product Thumbnail -->

                    <!-- Start Single Product Content -->
                    <div class="col-lg-7 col-md-6 m-auto">
                        <div class="single-product-content-wrapper">
                            <div class="single-product-details">
                                <h2 class="product-name">Open-knit sweater</h2>
                                <div class="prices-stock-status d-flex align-items-center justify-content-between">
                                    <div class="prices-group">
                                        <del class="old-price">$50.00</del>
                                        <span class="price">$40.00</span>
                                    </div>
                                    <span class="stock-status"><i class="dl-icon-check-circle1"></i> In  Stock</span>
                                </div>
                                <p class="product-desc">Ut enim added minim veniam, quis nostrud exercitation ullamco
                                    ommodo
                                    consequat. Duis aute irure dolor in reprehenderit dolore eu fugiat nulla pariatur.
                                    Excepteur
                                    sint occaecat cupidatat non proident. Lorem ipsum dolor sit amet, consectetur
                                    adipisicing
                                    elit. Ab dolorem eum labore minima possimus quaerat quod recusandae repellat sequi
                                    ut.</p>

                                <div class="quantity-btn-group d-flex">
                                    <div class="pro-qty">
                                        <input type="text" id="quantity" value="1"/>
                                    </div>
                                    <div class="list-btn-group">
                                        <a href="cart.html" class="btn btn-black">Add to Cart</a>
                                        <a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                           title="Add to wishlist"><i class="dl-icon-heart2"></i></a>
                                        <a href="order-compare-datailed.html" data-toggle="tooltip" data-placement="top"
                                           title="Add to Compare"><i class="dl-icon-compare2"></i></a>
                                    </div>
                                </div>

                                <div class="find-store-delivery">
                                    <a href="#"><i class="fa fa-map-marker"></i> Find store near you</a>
                                    <a href="#"><i class="fa fa-exchange"></i> Delivery and return</a>
                                </div>
                            </div>

                            <div class="single-product-footer mt-20 pt-20">
                                <div class="prod-footer-right">
                                    <dl class="social-share">
                                        <dt>Share with</dt>
                                        <dd><a href="#"><i class="fa fa-facebook"></i></a></dd>
                                        <dd><a href="#"><i class="fa fa-twitter"></i></a></dd>
                                        <dd><a href="#"><i class="fa fa-pinterest-p"></i></a></dd>
                                        <dd><a href="#"><i class="fa fa-google-plus"></i></a></dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product Content -->
                </div>
            </div>
        </div>
    </div>
</div>
<!--== End Quick View Modal Wrapper ==-->


<!--=======================Javascript============================-->
<!--=== Jquery Min Js ===-->
<script src="th/assets/js/vendor/jquery-3.3.1.min.js"></script>
<!--=== Jquery Migrate Min Js ===-->
<script src="th/assets/js/vendor/jquery-migrate-1.4.1.min.js"></script>
<!--=== Popper Min Js ===-->
<script src="th/assets/js/vendor/popper.min.js"></script>
<!--=== Bootstrap Min Js ===-->
<script src="th/assets/js/vendor/bootstrap.min.js"></script>
<!--=== Plugins Js ===-->
<script src="th/assets/js/plugins.js"></script>
<!--=== Ajax Mail Js ===-->
<script src="th/assets/js/ajax-mail.js"></script>

<!--=== Active Js ===-->
<script src="th/assets/js/active.min.js"></script>

<!--=== Revolution Slider Js ===-->
<script src="th/assets/js/revslider/jquery.themepunch.tools.min.js"></script>
<script src="th/assets/js/revslider/jquery.themepunch.revolution.min.js"></script>

<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
<script src="th/assets/js/revslider/extensions/revolution.extension.actions.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.carousel.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.kenburn.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.migration.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.navigation.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.parallax.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.slideanims.min.js"></script>
<script src="th/assets/js/revslider/extensions/revolution.extension.video.min.js"></script>


<script src="assets/js/revslider/revslider-active.js"></script>
<script type="text/javascript">
    function doPage(pageNo) {

        $("#div1").load("wlcGetOrderTotalPageByUserAndAccomplish1?pageNo="+pageNo);

    }


    function doDeleteShopping(orderId,pageNo,thisPage) {
        $.getJSON(
            "wlcDoDeleteShoppingOrder",
            {"orderId":orderId,"pageNo":pageNo,"thisPage":thisPage},
            function (flag) {
                if (flag){

                    $("#div1").load("wlcGetOrderTotalPageByUserAndAccomplish1?pageNo="+pageNo);
                    alert("删除成功！！");
                }else{

                    $("#div1").load("wlcGetOrderTotalPageByUserAndAccomplish1?pageNo="+pageNo);
                    alert("网络繁忙，请稍后再试！");
                }
            }
        )
    }
</script>
</body>
</html>
